<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			p{
				display: inline-block;
				width: 200px;
				height: 200px;
				border: 1px solid red;
			}
			
			.h{
				display: none;
			}
		</style>
	</head>
	<body>
		<p>显示</p>
		
		<p class="h">隐藏</p>
		
		<script src="js/jquery-1.12.4.js"></script>
		<script type="text/javascript">
			$(function () {
				/* 当选择器中出现特殊字符的时候,一定要使用\\进行转义 */
				$("p:visible").hide();
				
				$("p:hidden").show();
			})
		</script>
	</body>
</html>
